
                <!--Page content-->
                <!--===================================================-->
                <div id="page-content">
                    
					<div class="panel">
					    <div class="panel-heading">
					        <h3 class="panel-title">Bootstrap Markdown</h3>
					    </div>
					
					    <!--Bootstrap Markdown-->
					    <!--===================================================-->
					    <div class="panel-body">
					        <p><strong>Bootstrap-Markdown</strong> designed to be easily integrated with your bootstrap project. It exposes useful API that allow you to fully hook-in into the plugin<br>
					        Switch regular textarea within your form into <strong>Bootstrap-Markdown</strong> editor seamlessly by adding <code class="prettyprint">data-provide="markdown"</code> attribute</p>
					        <br>
					        <textarea name="content" data-provide="markdown" rows="10">
# H1 Header
## H2 Header


Alternatively, for H1 and H2, an underline-ish style:

Alt-H1
======

Alt-H2
------
					        </textarea>
					    </div>
					    <!--===================================================-->
					    <!-- End Bootstrap Markdown -->
					
					</div>
					
					
					<div class="panel">
					    <div class="panel-heading">
					        <h3 class="panel-title">Full width content</h3>
					    </div>
					
					    <!--Full width content-->
					    <!--===================================================-->
					    <div class="full-width">
					        <textarea name="content" data-provide="markdown" rows="10">
Emphasis, aka italics, with *asterisks* or _underscores_.
					
Strong emphasis, aka bold, with **asterisks** or __underscores__.
					
Combined emphasis with **asterisks and _underscores_**.
					
Strikethrough uses two tildes. ~~Scratch this.~~


* Unordered list can use asterisks
- Or minuses
+ Or pluses
					        </textarea>
					    </div>
					    <!--===================================================-->
					    <!-- End Full width content -->
					
					</div>
					
					
					<div class="panel">
					    <div class="panel-heading">
					        <h3 class="panel-title">Inline Editing - Click to edit</h3>
					    </div>
					    <div class="panel-body">
					
					
					        <!--Inline Editing-->
					        <!--===================================================-->
					        <div data-provide="markdown-editable">
					          <h3>This is some editable heading</h3>
					          <p>Well, actually all contents within this <code>markdown-editable</code> context is really editable. Just click anywhere!</p>
					        </div>
					        <!--===================================================-->
					        <!-- End Inline Editing -->
					
					
					    </div>
					</div>
					
					
                </div>
                <!--===================================================-->
                <!--End page content-->
<script>
$("textarea").markdown({autofocus:false,savable:false})
</script>
